const path = require("path");
const PrerenderSPAPlugin = require("prerender-spa-plugin");
const Renderer = PrerenderSPAPlugin.PuppeteerRenderer;

module.exports = {
  // publicPath: "../",
  assetsDir: "static",
  publicPath: process.env.NODE_ENV === "production" ?  '../' : "/",
  lintOnSave: false,
  configureWebpack: (config) => {
    if (process.env.NODE_ENV === "production") {
      config.plugins.push(
        new PrerenderSPAPlugin({
          //要求-给的WebPack-输出应用程序的路径预渲染。
          staticDir: path.join(__dirname, "dist"),
          //必需，要渲染的路由。
          routes: ["/home", "/reward", "/brand", "/infinite"],

          //必须，要使用的实际渲染器，没有则不能预编译
          renderer: new Renderer({
            inject: {
              foo: "bar",
            },
            headless: false, //渲染时显示浏览器窗口。对调试很有用。
            //等待渲染，直到检测到指定元素。
            //例如，在项目入口使用`document.dispatchEvent(new Event('custom-render-trigger'))`
            renderAfterDocumentEvent: "render-event",
          }),
        })
      );
    }
  },
};
